<div style="background-color: #FFF; overflow: hidden">
	<div title="基本" class="MWFTab">
		<table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
		  <tr>
		    <td class="editTableTitle">标识:</td>
		    <td class="editTableValue"><input type="text" name="id" value="text{$.id}" class="editTableInput"/></td>
		  </tr>
		  <tr>
		    <td class="editTableTitle">名称:</td>
		    <td class="editTableValue"><input type="text" name="name" value="text{$.name}" class="editTableInput"/></td>
		  </tr>
		  <tr>
		    <td class="editTableTitle">描述:</td>
		    <td class="editTableValue"><input type="text" name="description" value="text{$.description}" class="editTableInput"/></td>
		  </tr>
		</table>
		
		<div class="MWFMaplist" name="styles" title="样式"></div>
		<div class="MWFMaplist" name="properties" title="属性"></div>

        <div style="background-color: #eeeeee; height: 24px; line-height: 24px; text-align: center;">视图选择框</div>
        <div>
            <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
                <tr>
                    <td class="editTableTitle">选择框标题:</td>
                    <td class="editTableValue"><input type="text" name="title" value="text{$.title}" class="editTableInput"/></td>
                </tr>
                <tr>
                    <td class="editTableTitle">列标题:</td>
                    <td class="editTableValue">
                        <input type="radio" name="isTitle" value="true" text{($.isTitle)?'checked':''}/>显示
                        <input type="radio" name="isTitle" value="false" text{(!$.isTitle)?'checked':''}/>隐藏
                    </td>
                </tr>
                <tr>
                    <td class="editTableTitle">默认展开</td>
                    <td class="editTableValue">
                        <input class="editTableRadio" name="isExpand" text{($.isExpand=='yes')?'checked':''} type="radio" value="yes"/>展开
                        <input class="editTableRadio" name="isExpand" text{($.isExpand!='yes')?'checked':''} type="radio" value="no"/>不展开
                    </td>
                </tr>
                <tr>
                    <td class="editTableTitle">选择:</td>
                    <td class="editTableValue">
                        <input type="radio" name="select" value="single" text{($.select!='multi')?'checked':''}/>单选
                        <input type="radio" name="select" value="multi" text{($.select=='multi')?'checked':''}/>多选
                    </td>
                </tr>
                <tr>
                    <td class="editTableTitle">操作条</td>
                    <td class="editTableValue">
                        <input class="editTableRadio" name="actionbar" text{($.actionbar=='show')?'checked':''} type="radio" value="show"/>显示
                        <input class="editTableRadio" name="actionbar" text{($.actionbar!='show')?'checked':''} type="radio" value="hidden"/>不显示
                    </td>
                </tr>
                <!--<tr>-->
                    <!--<td class="editTableTitle"></td>-->
                    <!--<td class="editTableValue">-->
                        <!--<input type="radio" onclick="if (this.checked) {$('text{$.id}processViewArea').setStyle('display', 'block'); $('text{$.id}cmsViewArea').setStyle('display', 'none');}" name="selectViewType" value="process" text{($.selectViewType!='cms')?'checked':''}/>流程视图-->
                        <!--<input type="radio" onclick="if (this.checked) {$('text{$.id}processViewArea').setStyle('display', 'none'); $('text{$.id}cmsViewArea').setStyle('display', 'block');}" name="selectViewType" value="cms" text{($.selectViewType=='cms')?'checked':''}/>内容管理视图-->
                    <!--</td>-->
                <!--</tr>-->
            </table>
        </div>
        <!--<div id="text{$.id}processViewArea" style="display: text{($.selectViewType!='cms')?'block':'none'};">-->
            <!--<table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">-->
                <!--<tr>-->
                    <!--<td class="editTableTitle">视图:</td>-->
                    <!--<td class="editTableValue"><div class="MWFViewSelect" name="processViewName"></div></td>-->
                <!--</tr>-->
            <!--</table>-->
        <!--</div>-->
        <!--<div id="text{$.id}cmsViewArea" style="display: text{($.selectViewType=='cms')?'block':'none'};">-->
            <!--<table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">-->
                <!--<tr>-->
                    <!--<td class="editTableTitle">视图:</td>-->
                    <!--<td class="editTableValue"><div class="MWFCMSViewSelect" name="cmsViewName"></div></td>-->
                <!--</tr>-->
            <!--</table>-->
        <!--</div>-->
        <div>
            <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
                <tr>
                    <td class="editTableTitle">视图:</td>
                    <td class="editTableValue"><div class="MWFQueryViewSelect" name="queryView"></div></td>
                </tr>
            </table>
        </div>

        <div class="MWFMaplist" name="titleStyles" title="选择框标题样式"></div>
        <div class="MWFMaplist" name="itemStyles" title="选择框条目样式"></div>

        <div style="background-color: #eeeeee; height: 24px; line-height: 24px; text-align: center;">选择结果处理</div>
        <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
            <tr>
                <td class="editTableTitle">处理方式:</td>
                <td class="editTableValue">
                    <input type="radio" onclick="if (this.checked){ $('text{$.pid}selectedSetValueArea').setStyle('display', 'block'); $('text{$.pid}selectedScriptArea').setStyle('display', 'none')}" name="result" value="setValue" text{($.result!='script')?'checked':''}/>赋值
                    <input type="radio" onclick="if (this.checked){ $('text{$.pid}selectedSetValueArea').setStyle('display', 'none'); $('text{$.pid}selectedScriptArea').setStyle('display', 'block')}" name="result" value="script" text{($.result=='script')?'checked':''}/>脚本
                </td>
            </tr>
        </table>

        <div id="text{$.pid}selectedSetValueArea" style="display: text{($.result!='script')?'block':'none'};">
            <div class="MWFMaplist" name="selectedSetValues" title="选择结果赋值"></div>
        </div>
        <div id="text{$.pid}selectedScriptArea" style="display: text{($.result=='script')?'block':'none'};">
            <div class="MWFScriptArea" name="selectedScript" title="选择结果 (S)"></div>
        </div>
        <div class="MWFScriptArea" name="defaultSelectedScript" title="默认选中行脚本"></div>
	</div>
    <div title="过滤"  class="MWFTab">
        <div class="MWFViewFilter">
            <div class="inputAreaNode_vf">
                <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable restrictViewFilterTable_vf">
                    <tr style="display:none">
                        <td class="editTableTitle">标题:</td>
                        <td class="editTableValue"><input type="text" class="editTableInput titleInput_vf"/></td>
                    </tr>
                    <tr>
                        <td class="editTableTitle">路径:</td>
                        <td class="editTableValue"><input type="text" class="editTableInput pathInput_vf"/></td>
                    </tr>
                    <tr>
                        <td class="editTableTitle">数据类型:</td>
                        <td class="editTableValue"><select class="datatypeInput_vf">
                            <option value="textValue" selected>文本</option>
                            <option value="numberValue">数字</option>
                            <option value="dateTimeValue">日期</option>
                            <option value="booleanValue">布尔</option>
                        </select></td>
                    </tr>
                    <tr style="display:none">
                        <td class="editTableTitle"></td>
                        <td class="editTableValue">
                            <input type="radio" class="restrictFilterInput_vf" value="restrict" name="text{$.id}viewFilterType" checked/>作为默认过滤条件<br>
                            <input type="radio" class="customFilterInput_vf" value="custom" name="text{$.id}viewFilterType"/>作为自定义过滤数据
                        </td>
                    </tr>
                </table>
                <table id="text{$.pid}viewFilterRestrict" width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
                    <tr>
                        <td class="editTableTitle">逻辑:</td>
                        <td class="editTableValue"><select class="logicInput_vf">
                            <option selected value="and">并且(and)</option>
                            <option value="or">或者(or)</option>
                        </select></td>
                    </tr>

                    <tr>
                        <td class="editTableTitle">比较:</td>
                        <td class="editTableValue"><select class="comparisonInput_vf">
                            <option value="equals" selected>等于(==)</option>
                            <option value="notEquals">不等于(!=)</option>
                            <option value="greaterThan">大于(>)</option>
                            <option value="greaterThanOrEqualTo">大于等于(>=)</option>
                            <option value="lessThan">小于(<)</option>
                            <option value="lessThanOrEqualTo">小于等于(<=)</option>
                            <option value="like">匹配(like)</option>
                            <option value="notLike">不匹配(not-like)</option>
                            <option value="range">范围(range)</option>
                        </select></td>
                    </tr>
                    <tr style="display:none">
                        <td class="editTableTitle">值:</td>
                        <td class="editTableValue">
                            <input type="text" class="editTableInput valueTextInput_vf" style="display: block"/>
                            <input type="number" class="editTableInput valueNumberInput_vf" style="display: none"/>
                            <input type="text" class="editTableInput valueDatetimeInput_vf" style="display: none" readonly/>
							<input type="text" class="editTableInput valueDateInput_vf" style="display: none" readonly/>
							<input type="text" class="editTableInput valueTimeInput_vf" style="display: none" readonly/>
                            <select class="valueBooleanInput_vf" style="display: none">
                                <option value="true" selected>是(True)</option>
                                <option value="false">否(False)</option>
                            </select>
                        </td>
                    </tr>
                </table>
                <div title="值" class="MWFFilterFormulaArea"></div>
            </div>
            <div class="actionAreaNode_vf"></div>
            <div style="height: 20px; line-height: 20px; text-align:center; background-color: #eeeeee">默认过滤条件</div>
            <div class="listAreaNode_vf" style="min-height: 56px; border-bottom:1px solid #CCCCCC; overflow: hidden;"></div>
            <div style="display:none; height: 20px; line-height: 20px; text-align:center; background-color: #eeeeee">自定义过滤数据</div>
            <div class="fieldListAreaNode_vf" style="display:none; min-height: 56px; border-bottom:1px solid #CCCCCC; overflow: hidden;"></div>
        </div>
    </div>

	<div title="事件"  class="MWFTab">
		<div class="MWFEventsArea" name="events"></div>
	</div>
	<div title="HTML"  class="MWFTab">
        <div class="MWFHTMLArea" style="font-family: Verdana, Geneva, sans-serif; font-size:14px"></div>
	</div>
    <div title="JSON"  class="MWFTab">
        <div class="MWFJSONArea" style="font-family: Verdana, Geneva, sans-serif; font-size:14px"></div>
    </div>
</div>